<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="theme-color"
    content="#607d8b">

  <meta name="twitter:card"
    content="summary_large_image">
  <meta name="twitter:site"
    content="@alexjlockwood">
  <meta name="twitter:creator"
    content="@alexjlockwood">
  <meta name="twitter:title"
    content="Shape Shifter">
  <meta name="twitter:description"
    content="Shape Shifter simplifies the process of creating SVG-based icon animations.">
  <meta name="twitter:image"
    content="https://shapeshifter.design/assets/screencap.jpg">

  <meta property="og:description"
    content="Shape Shifter simplifies the process of creating SVG-based icon animations." />
  <meta property="og:locale"
    content="en_US" />
  <meta property="og:title"
    content="Shape Shifter" />
  <meta property="og:type"
    content="website" />
  <meta property="og:url"
    content="https://shapeshifter.design" />
  <meta property="og:site_name"
    content="Shape Shifter" />
  <meta property="og:image"
    content="https://shapeshifter.design/assets/screencap.jpg" />

  <title>Shape Shifter</title>
  <meta name="description"
    content="Shape Shifter simplifies the process of creating SVG-based icon animations." />

  <meta name="viewport"
    content="width=device-width, initial-scale=1">
  <link rel="icon"
    type="image/x-icon"
    href="favicon.ico">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
    rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500"
    rel="stylesheet">
  <link rel="manifest"
    href="manifest.json">
</head>

<body>
  <app-root></app-root>
  <noscript>
    Sorry, JavaScript needs to be enabled in order to run this application.
  </noscript>
</body>

</html>